/**
 * Created by lk on 2019/7/16.
 */
var echartsTheme = 'macarons';
//var echartsTheme = 'shine';
var legendTextColor = "#0B61A4";

$(function () {

    gaugeGo1();
    getTsalxfb();
    getJmaxzfb();
});


function gaugeGo1() {
    //var colorTemplate1 = [[0.2, "rgba(255,0,0,0.8)"], [0.8, "rgba(0,255,255,0.8)"], [1, "rgba(0,255,0,0.8)"]];
    var colorTemplate1 = [[1, '#00a2e8']];
    //[[0.2, '#91c7ae'], [0.8, '#1b619e'], [1, '#c23531']]

    var myChart = echarts.init(document.getElementById('div_pie1'), echartsTheme);

    var myChart3 = echarts.init(document.getElementById('div_pie3'), echartsTheme);
    var option = {
        tooltip: {
            formatter: "{a} <br/>{b} : {c}%"
        },
     /*   toolbox: {
            feature: {
                restore: {},
                saveAsImage: {}
            }
        },*/
     /*   title: {
            text: '退税总体情况',
            //subtext: '纯属虚构',
            //x:'center'
        },*/
        series: [
            {
                name: '业务指标',
                type: 'gauge',
                radius: "65%",
                startAngle: 210,
                endAngle: -30,
                detail: {formatter: '{value}%'},
                // data: [{value: 25, name: '退税占应征比'}],
                data: [],
                min: 0,
                max: 100,
                pointer: {
                    show: true
                },
                axisLine: {				// 仪表盘轴线(轮廓线)相关配置。
                    show: true,				// 是否显示仪表盘轴线(轮廓线),默认 true。
                    lineStyle: {			// 仪表盘轴线样式。
                        color: colorTemplate1, 	//仪表盘的轴线可以被分成不同颜色的多段。每段的  结束位置(范围是[0,1]) 和  颜色  可以通过一个数组来表示。默认取值：[[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']]
                        // opacity: 1,					//图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
                        width: 20,					//轴线宽度,默认 30。
                        // shadowBlur: 20,				//(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
                        // shadowColor: "#fff",		//阴影颜色。支持的格式同color。
                    }
                },
                splitLine: {			// 分隔线样式。
                    show: true,				// 是否显示分隔线,默认 true。
                    length: 10,				// 分隔线线长。支持相对半径的百分比,默认 30。
                    lineStyle: {			// 分隔线样式。
                        color: "#eee",				//线的颜色,默认 #eee。
                        opacity: 1,					//图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
                        width: 2,					//线度,默认 2。
                        type: "solid",				//线的类型,默认 solid。 此外还有 dashed,dotted
                        shadowBlur: 10,				//(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
                        shadowColor: "#fff",		//阴影颜色。支持的格式同color。
                    }
                },
                axisTick: {				// 刻度(线)样式。
                    show: true,				// 是否显示刻度(线),默认 true。
                    splitNumber: 5,			// 分隔线之间分割的刻度数,默认 5。
                    length: 10,				// 刻度线长。支持相对半径的百分比,默认 8。
                    lineStyle: {			// 刻度线样式。
                        color: "#eee",				//线的颜色,默认 #eee。
                        opacity: 1,					//图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
                        width: 1,					//线度,默认 1。
                        type: "solid",				//线的类型,默认 solid。 此外还有 dashed,dotted
                        shadowBlur: 10,				//(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
                        shadowColor: "#fff",		//阴影颜色。支持的格式同color。
                    },
                },

                axisLabel: {			// 刻度标签。
                    show: true,				// 是否显示标签,默认 true。
                    distance: 12,			// 标签与刻度线的距离,默认 5。
                    color: "#039BE5",			// 文字的颜色,默认 #fff。
                    fontSize: 10,			// 文字的字体大小,默认 5。
                    formatter: "{value}",	// 刻度标签的内容格式器，支持字符串模板和回调函数两种形式。 示例:// 使用字符串模板，模板变量为刻度默认标签 {value},如:formatter: '{value} kg'; // 使用函数模板，函数参数分别为刻度数值,如formatter: function (value) {return value + 'km/h';}
                },
                title: {				// 仪表盘标题。
                    show: true,				// 是否显示标题,默认 true。
                    offsetCenter: [0, "45%"],//相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。
                    color: "#000",			// 文字的颜色,默认 #333。
                    fontSize: 15,			// 文字的字体大小,默认 15。
                },

                detail: {				// 仪表盘详情，用于显示数据。
                    show: true,				// 是否显示详情,默认 true。
                    offsetCenter: [0, "25%"],// 相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。
                    color: "auto",			// 文字的颜色,默认 auto。
                    fontSize: 15,			// 文字的字体大小,默认 15。
                    formatter: "{value}%",	// 格式化函数或者字符串
                }

            }
        ]
    };
    myChart.setOption(option);
    myChart3.setOption(option);
    /*   setInterval(function () {
           option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
           myChart.setOption(option, true);
       },2000);*/

    var lay1 = layer.load({shade: [0.1]});
    $.ajax({
        url: ctx + "/mge/adx/syfx/zhfx/queryTsztqk",
        data: {},
        dataType: "json",
        type: 'post',
        success: function (d, s) {

            layer.close(lay1);
            if (d.code == '200') {
                var datas = d.data;
                //隐藏loading动画
                myChart.hideLoading();
                myChart.setOption({
                    series: [{
                        data: datas.zb
                    }]
                });
                $('#ts_bq_je').html(datas.bq);
                $('#ts_lj_je').html(datas.lj);


            } else {
                layer.alert(d.message);
            }
        }, error: function (sta) {
            layer.close(lay1);
            layer.alert("请求失败，请重试或检查网络！");
        }
    });


    var lay2 = layer.load({shade: [0.1]});
    $.ajax({
        url: ctx + "/mge/adx/syfx/zhfx/queryJmztqk",
        data: {},
        dataType: "json",
        type: 'post',
        success: function (d, s) {

            layer.close(lay2);
            if (d.code == '200') {
                var datas = d.data;
                //隐藏loading动画
                myChart3.hideLoading();
                myChart3.setOption({
                   /* title: {
                        text: '减免总体情况',
                        //subtext: '纯属虚构',
                        //x:'center'
                    },*/
                    series: [{
                        data: datas.zb
                    }]
                });
                $('#jm_bq_je').html(datas.bq);
                $('#jm_lj_je').html(datas.lj);
            } else {
                layer.alert(d.message);
            }
        }, error: function (sta) {
            layer.close(lay2);
            layer.alert("请求失败，请重试或检查网络！");
        }
    });

}

function getTsalxfb() {
    $('#div_pie2').html("");
    var myChart2 = echarts.init(document.getElementById('div_pie2'), echartsTheme);
    var option = {
     /*   title: {
            text: '退税按类型分布',
        },*/
        tooltip: {
            //trigger: 'item',
            formatter: "{b} : {c}"
        },
        series: [
            {
                //name:'模型数量',
                type: 'pie',
                radius: ['', '60%'],
                avoidLabelOverlap: true,
                label: {
                    normal: {
                        show: true,
                        position: 'outSide',
                        formatter: "{b}, {d}%"
                    }
                },
                labelLine: {
                    normal: {
                        show: true
                    }
                },
                data: []
            }
        ]
    };
    myChart2.setOption(option);


    var lay = layer.load({shade: [0.1]});
    $.ajax({
        url: ctx + "/mge/adx/syfx/zhfx/queryTsalxfb",
        data: {},
        dataType: "json",
        type: 'post',
        success: function (d, s) {
            layer.close(lay);
            if (d.code == '200') {
                var datas = d.data;
                //隐藏loading动画
                myChart2.hideLoading();
                myChart2.setOption({
                    series: [{
                        data: datas
                    }]
                });

            } else {
                layer.alert(d.message);
            }
        }, error: function (sta) {
            layer.close(lay);
            layer.alert("请求失败，请重试或检查网络！");
        }
    });
}

function getJmaxzfb() {
    $('#div_pie4').html("");
    var myChart2 = echarts.init(document.getElementById('div_pie4'), echartsTheme);
    var option = {
       /* title: {
            text: '减免按性质分布',
        },*/
        tooltip: {
            //trigger: 'item',
            formatter: "{b} : {c}"
        },
        series: [
            {
                //name:'模型数量',
                type: 'pie',
                radius: ['', '60%'],
                avoidLabelOverlap: true,
                label: {
                    normal: {
                        show: true,
                        position: 'outSide',
                        formatter: "{b}, {d}%"
                    }
                },
                labelLine: {
                    normal: {
                        show: true
                    }
                },
                data: []
            }
        ]
    };
    myChart2.setOption(option);


    var lay = layer.load({shade: [0.1]});
    $.ajax({
        url: ctx + "/mge/adx/syfx/zhfx/queryJmaxzfb",
        data: {},
        dataType: "json",
        type: 'post',
        success: function (d, s) {
            layer.close(lay);
            if (d.code == '200') {
                var datas = d.data;
                //隐藏loading动画
                myChart2.hideLoading();
                myChart2.setOption({
                    series: [{
                        data: datas
                    }]
                });

            } else {
                layer.alert(d.message);
            }
        }, error: function (sta) {
            layer.close(lay);
            layer.alert("请求失败，请重试或检查网络！");
        }
    });

}
